<template>
  <div class="map3d">
    <box title="三维地形图">
      <div class="main">
        <img src="~@/assets/waterLevel/map3d.png" alt="" class="img" />
      </div>
    </box>
  </div>
</template>
<script>
import box from "./box.vue";
export default {
  components: {
    box,
  },
};
</script>
<style scoped lang='scss'>
.map3d {
  .main {
    height: vh(355px);
    padding-top: vh(25px);
    padding-left: vw(24px);
    text-align: center;
    .img {
      height: vh(300px);
    }
    // .map {
    //   height: vh(300px);
    //   width: vw(360px);
    //   background: url("~@/assets/waterLevel/map3d.png");
    //   background-size: 100% 100%;
    // }
  }
}
</style>
